/*
 * 骨架屏渲染组件
 */
let ItemTemplate = ``;
// TODO 请补充完整Template，完成组件代码编写
ItemTemplate += `
<div :class="'ske-' + paragraph.type + '-container'">
  <div
    v-for="item in paragraph.rows || paragraph.cols"
    :class="['ske',
              'ske-' + item.type,
              {'ske-ani': active && (item.type === 'rect' || item.type == 'circle')}
            ]"
    :style="{...item?.style, ...item?.rowStyle, ...item?.colStyle}"
  >
    <item :paragraph="item" :active="active"></item>
  </div>
</div>`;
Vue.component("item", {
  name: "item",
  template: ItemTemplate,
  props: ["paragraph", "active"],
  data() {},
  watch: {},
  methods: {},
});
